<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<footer id="footer">
     <div class="container">
            <!-- introduce-box -->
            <div id="introduce-box" class="row">
                <div class="col-md-3">
                    <div id="address-box">
                        <a href="#"><img src="${staticPath}/static/vendors/assets/data/introduce-logo.png" alt="" /></a>
                        <div id="address-list">
                            <div class="tit-name">地址:</div>
                            <div class="tit-contain">北京.中国.</div>
                            <div class="tit-name">Phone:</div>
                            <div class="tit-contain">010-66666666</div>
                            <div class="tit-name">Email:</div>
                            <div class="tit-contain">services@kyjszj.com</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="introduce-title">商城信息</div>
                            <ul id="introduce-company"  class="introduce-list">
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">荣誉信息</a></li>
                                <li><a href="#">商务合作</a></li>
                                <li><a href="#">服务条款</a></li>
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                        <div class="col-sm-4">
                            <div class="introduce-title">我的帐户</div>
                            <ul id = "introduce-Account" class="introduce-list">
                                <li><a href="#">我的订单</a></li>
                                <li><a href="#">收藏夹</a></li>
                                <li><a href="#">我的购物车</a></li>
                                <li><a href="#">地址信息</a></li>
                                <li><a href="#">个人中心</a></li>
                            </ul>
                        </div>
                        <div class="col-sm-4">
                            <div class="introduce-title">支持</div>
                            <ul id = "introduce-support"  class="introduce-list">
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">荣誉信息</a></li>
                                <li><a href="#">商务合作</a></li>
                                <li><a href="#">服务条款</a></li>
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div id="contact-box">
                        <div class="introduce-title">订阅</div>
                        <div class="input-group" id="mail-box">
                          <input type="text" placeholder="请填写你的邮箱地址..."/>
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">提交</button>
                          </span>
                        </div><!-- /input-group -->
                        <div class="introduce-title">分享</div>
                        <div class="social-link">
                            <a href="#"><i class="fa fa-facebook"></i></a>
                            <a href="#"><i class="fa fa-pinterest-p"></i></a>
                            <a href="#"><i class="fa fa-vk"></i></a>
                            <a href="#"><i class="fa fa-twitter"></i></a>
                            <a href="#"><i class="fa fa-google-plus"></i></a>
                        </div>
                    </div>

                </div>
            </div><!-- /#introduce-box -->

            <!-- #trademark-box -->
            <div id="trademark-box" class="row">
                <div class="col-sm-12">
                    <ul id="trademark-list">
                        <li id="payment-methods">友情链接</li>
                        <li>
                            <a href="#"><img src="${staticPath}/static/vendors/assets/data/trademark-ups.jpg"  alt="ups"/></a>
                        </li>
                        <li>
                            <a href="#"><img src="${staticPath}/static/vendors/assets/data/trademark-qiwi.jpg"  alt="ups"/></a>
                        </li>
                        <li>
                            <a href="#"><img src="${staticPath}/static/vendors/assets/data/trademark-wu.jpg"  alt="ups"/></a>
                        </li>
                        <li>
                            <a href="#"><img src="${staticPath}/static/vendors/assets/data/trademark-cn.jpg"  alt="ups"/></a>
                        </li>
                        <li>
                            <a href="#"><img src="${staticPath}/static/vendors/assets/data/trademark-visa.jpg"  alt="ups"/></a>
                        </li>
                        <li>
                            <a href="#"><img src="${staticPath}/static/vendors/assets/data/trademark-mc.jpg"  alt="ups"/></a>
                        </li>
                        <li>
                            <a href="#"><img src="${staticPath}/static/vendors/assets/data/trademark-ems.jpg"  alt="ups"/></a>
                        </li>
                        <li>
                            <a href="#"><img src="${staticPath}/static/vendors/assets/data/trademark-dhl.jpg"  alt="ups"/></a>
                        </li>
                        <li>
                            <a href="#"><img src="${staticPath}/static/vendors/assets/data/trademark-fe.jpg"  alt="ups"/></a>
                        </li>
                        <li>
                            <a href="#"><img src="${staticPath}/static/vendors/assets/data/trademark-wm.jpg"  alt="ups"/></a>
                        </li>
                    </ul>
                </div>
            </div> <!-- /#trademark-box -->

            <div id="footer-menu-box">
                <p class="text-center">Copyrights &#169; 2018 开源技术之家. All Rights Reserved. 网站设计:<a href="http://www.kyjszj.com">开源技术之家</a></p>
            </div><!-- /#footer-menu-box -->
        </div>
</footer>